@import "../commons/sass/base.scss";

// index 部分

.blockList .news-list li a{
	color: #2d2d2d;
	font-size: 14px;

	&:hover,
	&:active {
		color: #a2494f;
	}

	span.news-time {
		margin-right: 10px;
		color: #5c5c5c;
	}
}

// block-left部分，新闻动态
.block-left {
	width: 890px;
	.news-list {
		margin-left: 320px;

		li a {
			display: block;
			height: 34px;
			line-height: 34px;
		}
	}
}

.slide {
	position: relative;
	overflow: hidden;
	width: 300px;
	height: 200px;

	ul.slide-items li {
		position: relative;
		width: 300px;
	}

	ul.slide-items img { width: 100%;}

	.slide-items .imgTitle {
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index:  10;
		color: #fff;
	}
	// Controls
	.hd {
		position: absolute;
		bottom: 0;
		z-index: 3px;
		background: rgba( 0, 0, 0, .5 );
		*filter: alpha(style=1, opacity=10, finishOpacity=80 );
	}

	.slide-controls {
		width: 290px;
		height: 30px;
		line-height: 30px;
		padding-right: 10px;
		text-align: right;
		.control-circle {
			display: inline-block;
			width: 10px;
			height: 10px;
			background: rgba( 255, 255, 255, .4);
			-pie-background: rgba( 255, 255, 255, .4 );/*IE6-8*/
			*background: #fff;
			*filter: alpha(style=1, Opacity=40, finishOpacity=40 );/*IE6-8*/
			background: #fff\0;
			filter: alpha(style=1, Opacity=40, finishOpacity=40 )\0;/*IE8*/
			margin: 6px 3px;

			&.on {
				background: #fff;
				*filter: alpha(style=1, Opacity=100, finishOpacity=100 );/*IE6-8*/
				filter: alpha(style=1, Opacity=100, finishOpacity=100 )\0;/*IE8*/
			}
		}
	}
}

.block-right {
	width: 290px;
	margin-left: 20px;

	.news-list ul {
		font-size: 0;
	}

	span.news-dot {
		display: inline-block;
		width: 11px;
		height: 11px;
		margin-left: 13px;
		margin-right: 15px;
		background: #e7e7e7;
		border-radius: 99px;
	}
	.news-list li a {
		display: inline-block;
		overflow: hidden;
		vertical-align: middle;
		width: 235px;
		height: 50px;
		line-height: 25px;
	}
}

// blockIconList 部分样式
.blockIconList {
	@include setInWidth;
	margin-top: 10px;
}

// 通知公告

.icon-left,
.icon-right {
	width: 580px;
	margin: 0 0.83%;

	ul {
		overflow: hidden;
		background: #e7e7e7;
		border-radius: 10px;
	}

	li {
		width: 193px;
		height: 200px;
		text-align: center;

		a {
			display: inline-block;
			width: 100%;
			height: 100%;
		}

		p {
			margin-top: 135px;
		}
	}
}
